@media screen and (max-width: 1400px) {
  .menu {
    width: 74px;
  }
  .menu-item .menu-item-title .item-down i {
    transform: rotate(90deg);
  }
  .menu-item .menu-item-body {
    display: none;
  }
  .menu-item.menu-item-active .menu-item-title {
    background-color: white;
    color: #000;
  }
  .main {
    margin-left: 105px;
  }
}

@media screen and (max-width: 1300px) {
  .menu {
    display: none;
  }
  .main {
    margin-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .header-content {
    position: relative;
  }
  .header-content .nav-list {
    position: absolute;
    left: 125px;
    top: 75px;
    flex-direction: column;
    background-color: white;
    box-shadow: 0 2px 4px #ddd;
    text-align: center;
  }
  .header-content .nav-list > li a {
    width: 98px;
    border-radius: 0;
  }
}
